﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<Gola.VN.Scb.Web.Common.Models.UIProductModels >" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>
        <%:ViewData["Title"] %></title>
    <link href="/Content/ui.productdetail.css" rel="Stylesheet" type="text/css" />
    <link href="/Content/ui.all.css" rel="Stylesheet" type="text/css" />
    <script src="/Scripts/jquery.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAoqW4x3aO_tBViNPNcudxaxRjZwWM_1CK2WzozPIbssT24JHeyxQjB0q5mysQhiLkLKBuFY22sqwTnQ"
        type="text/javascript"></script>
    <script src="/Scripts/jquery.gmap-1.1.0-min.js" type="text/javascript"></script>
    <script src="/Scripts/jmap.js" type="text/javascript"></script>
</head>
<body class="body">
    <script type="text/javascript">
        $(document).ready(function () {
            var bodyHeight = $(document).height();
            $("#frameDetail").attr('height', bodyHeight - 38);
            initMap($('#poplight1'));
            $('#map').hover(function () {
                initMap($('#poplight1'));
                $('#map').toggleClass("active");
                $('#poplight1').toggleClass("active");

                $('#poplight1').css({
                    'width': '800px',
                    'top': Number($('#poplight1').height()) + 25,
                    'left': '200px'
                });
                //select the first item
                $('#poplight1 .addSt .active').click();
            });


            //            $('#map').mouseout(function () {               
            //              $('#map').css({
            //                'background-color':'#0000FF'
            //                });
            //                $('#poplight1').css({
            //                'display': 'none',
            //                });
            //            });
        });
    </script>
    <% if (Model.Product.IsAlive)
       { %>
    <iframe id="frameDetail" width="100%" height="100%" frameborder="0" src="<%: Model.Product.Link %>"
        scrolling="yes"></iframe>
    <% }
       else
       { Html.RenderPartial("ProductDetailInner", Model.Product); } %>
    <div class="dock-main">
        <div class="dock-content">
            <div class="fl">
                <a href="/">
                    <img src="/Content/Logos/logox200.png" alt="bao vat" style="background-color: white;
                        position: absolute; top: 0px; height: 45px; left: 0;" />
                </a>
            </div>
            <div class="fl" style="width: 300px; left: 150px; position: absolute;">
                <ul>
                    <li class="bar search">
                        <% Html.RenderPartial("BarSearchUserControl"); %>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <a href="#"><span>Sản phẩm ở các cửa hàng khác</span></a></div>
            <div class="fr space">
            </div>
            <div class="fr">
                <a href="/Product/displaycompare?ids=<%:Model.Product.Id %>">
                    <img src="/Content/Images/compare.png" height="22px" />
                    <span style="position: relative; top: -9px;">So Sánh</span></a></div>
            <div class="fr space">
            </div>
            <div id="map" class="fr" style="height: 40px;">
                <a href="#"><span class="fr">Bản đồ</span> </a>
                <div id="bando" class="fl support-bando" style="width: 15px; height: 22px; padding-left: 5px;">
                </div>
                <!-- start using diplay gmaps-->
                <%
                    if (Model.Product.LocationDetail != null)
                        Html.RenderPartial("LocationDetail", Model.Product.LocationDetail);
      
                %>
            </div>
        </div>
    </div>
</body>
</html>
